@charset "utf-8";
/* CSS Document */
html, body { height:100%;}
body{margin:0;font:12px "微软雅黑","宋体","黑",arial,tahoma;}
a{text-decoration:none;}
input{border:0;
					-webkit-border-radius:3px;
						-moz-border-radius:3px;
							-o-border-radius:3px;
								border-radius:3px;
}
.header{width:1000px;margin:50px auto 20px auto;overflow:hidden;}
.header-logo{float:left;width:270px;height:45px;}
.nav{float:right;margin:15px 0 0 0;}
.nav-collect,
.nav-shortcuts{float:right;color:#666;}
.nav-collect{margin:0 20px;}
.nav-collect:hover,
.nav-shortcuts:hover{color:#de533c;}
.wrapper{display:table;height:100%;width:100%;}
.cell { display:table-cell;vertical-align:middle;}
.inner{margin:auto;}

.login{width:380px;margin:-40px auto 0 auto;border: solid 1px #d1d1d1;border-radius:3px;box-sizing: border-box;box-shadow: 0px 0px 5px 5px rgba(0,0,0,.05);overflow:hidden;background:#fff;}
.login-title h3{margin:0;padding:30px 0 0 0;color:#666;font-size:25px;font-weight:normal; text-align:center;}
.login-form{position:relative;margin:40px 30px 60px 30px;}
.login-tip{position:absolute;top:-35px;font-size:14px;color:#de533c;}
.login-title{font-size:18px;font-weight:normal;color:#fff;}
.login-name,
.login-password{position:relative;margin:0 0 25px 0;width:100%;height:45px;}
.login-password{margin-bottom:45px;}
.help-txt{position:absolute;top:50px;color:#c3c3c3;font-size:13px;}

.login-code{position:relative;margin:0 0 10px 0;width:150px;height:35px;}
.login input{float:right;width:270px;height:40px;padding:0 0 0 40px;}
.login-code input{position:absolute;padding:0 10px;width:130px;height:35px;border:1px solid #ccc;border-radius:5px;}
.login-code .codenumber{position:relative;left:160px;top:8px;}
.login-code .codenumber img{width:60px;height:21px;}
.login-name .people-icon,
.login-password .clock-icon{position:absolute;left:0;height:42px;width:35px;background:#b9b9b9 url("../images/login.png") no-repeat;
			-webkit-border-top-left-radius:3px;
				-moz-border-top-left-radius:3px;
					-o-border-top-left-radius:3px;
						border-top-left-radius:3px;
			-webkit-border-bottom-left-radius:3px;
				-moz-border-bottom-left-radius:3px;
					-o-border-bottom-left-radius:3px;
						border-bottom-left-radius:3px;
}
.login-name .people-icon{background-position:8px -141px;}
.login-password .clock-icon{background-position:-30px -141px;}
.login-name .del-icon,
.login-password .del-icon,
.login-code .del-icon{position:absolute;top:12px;right:8px;width:20px;height:20px;background:url("../images/login.png") no-repeat -116px -152px;cursor:pointer;}
.login-name .del-icon:hover,
.login-password .del-icon:hover{background-position:-139px -152px;}
.login-btn{width:100%;height:38px;margin:30px 0 0 0;border:1px solid #c62d13;cursor:pointer;font-size:20px;font-weight:bold;letter-spacing:10px;color:#fff;
			-webkit-border-radius:3px;
				-moz-border-radius:3px;
					-o-border-radius:3px;
						border-radius:3px;
			background:-webkit-gradient(linear,left top,left bottom,from(#de533c),to(#ef614a));
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#de533c', endColorstr='#ef614a');
					background:-ms-linear-gradient(top,#de533c 0,#ef614a 100%);							
						background:-o-linear-gradient(top,#de533c,#ef614a);
							background:-moz-linear-gradient(top,#de533c,#ef614a);
								background:linear-gradient(top,#de533c,#ef614a);			
			}
.login-btn:hover{
			background:-webkit-gradient(linear,left top,left bottom,from(#ef614a),to(#de533c));
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef614a', endColorstr='#de533c');
					background:-ms-linear-gradient(top,#ef614a 0,#de533c 100%);							
						background:-o-linear-gradient(top,#ef614a,#de533c);
							background:-moz-linear-gradient(top,#ef614a,#de533c);
								background:linear-gradient(top,#ef614a,#de533c);			
			}
.register-btn {display:block;margin-top:10px;color:#fff;text-align:center;font-size:14px;}
.register-btn:hover {color:#de533c;}
.disable{width:100%;height:38px;margin:10px 0 0 0;background:#eee url("../images/loading25x25.GIF") no-repeat 60px center;border:1px solid #e8e8e8;font-size:20px;font-weight:bold;letter-spacing:10px;color:#bebebe;
			-webkit-border-radius:3px;
				-moz-border-radius:3px;
					-o-border-radius:3px;
						border-radius:3px;		
			}


 .browser{width:380px;margin:20px auto 0 auto;text-align:right;}
 .browser span{height: 35px;line-height: 35px;color: #777;margin-left: 10px; vertical-align:middle;}
 .browser .icon{height: 35px;width: 26px;display: inline-block;background: url("../images/login.png") no-repeat -219px -151px;}

/*chrome browser*/
.alert.browserTip{position:absolute;top:0;left:0;right:0;text-align:center;color:#333;}
.downChrome{display:inline-block;margin:10px 5px 0 5px;padding:3px 10px;background:#027fd7;border:1px solid #027fd7;color:#fff;font-size:14px;border-radius:3px;}
.downChrome:hover{background:#666;border:1px solid #333;color:#fff;}
.iconChrome{display:inline-block;margin-right:5px;width:26px;height:26px;background:url("../images/login.png") no-repeat -219px -152px;vertical-align:middle;}
